<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>

        <link
            rel="stylesheet"
            href="../bootstrap-3.3.7-dist/css/bootstrap.min.css"
        />
        <link rel="stylesheet" href="../css/car.css" />
    </head>

    <body>
        <div class="container">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="content">
                        <label for="" class="checkbox">
                            <input type="checkbox" id="allChecked" />
                            <span>全选</span>
                        </label>
                        <label for="" class="type">
                            <span>商品种类：</span>
                            <span id="totalLen">0</span>
                        </label>
                        <label for="" class="qty">
                            <span>所选商品数量：</span>
                            <span id="selectLen">0</span>
                        </label>
                        <label for="" class="price">
                            <span>所选商品价格：</span>
                            <span id="selectPrice">0</span>
                        </label>
                        <label for="">
                            <button class="btn btn-warning btn-xs settlement">
                                结算
                            </button>
                            <button class="btn btn-info btn-xs clear">
                                清空购物车
                            </button>
                        </label>
                    </div>
                </div>
                <div class="panel-body">
                    <ul>
                        <!-- <li>
                        <div class="media">
                            <div class="media-left media-middle">
                                <input type="checkbox" class="checked">
                                <a href="#">
                                    <img class="media-object"
                                        src="https://image4.suning.cn/uimg/b2c/newcatentries/0070081143-000000000131021736_2_200x200.jpg"
                                        alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">诗绪刺绣改良旗袍连衣裙女夏装2020年新款中国风印花A字裙子52150</h4>
                                <div class="price">
                                    <i class="glyphicon glyphicon-yen"></i>
                                    <span>199.8</span>
                                </div>
                                <div class="btn">
                                    <p>
                                        <butto  class="btn btn-danger">删除商品</butto>
                                    </p>
                                    <div class="btn-group" role="group" aria-label="...">
                                        <button class="btn btn-default">-</button>
                                        <button class="btn btn-default">1</button>
                                        <button class="btn btn-default">+</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li> -->
                    </ul>
                </div>
            </div>
        </div>

        <script src="../js/ajax.js"></script>
        <script src="../js/cookie.js"></script>
        <script src="../js/car.js"></script>
    </body>
</html>
